<!--
 * @Author: wangming
 * @Date: 2021-12-28 14:31:52
 * @LastEditors: wangming
 * @LastEditTime: 2021-12-29 10:10:26
 * @FilePath: /hanma-application-designer-fed/src/components/dynamicForm/rightModel/components/hlEcharts/index.vue
 * @Description: 
-->
<template>
  <div>
    <el-collapse>
      <el-collapse-item
        :title="i.title"
        :name="index"
        :key="index"
        v-for="(i, index) in configList"
      >
        <!-- {{ value.__config }} -->
        <component
          class="pl10"
          :config="value.__config"
          v-for="item in i.children"
          :key="item.tag"
          :is="item.tag"
        ></component>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
import basicmixins from "../basicmixins";
import { desgicByForm } from "@/pageConfig/echarts";
import echartForm from "./__components__/index";
export default {
  components: { ...echartForm },
  mixins: [basicmixins],
  computed: {
    configList() {
      return desgicByForm[this.value.tagName];
    },
  },
  data() {
    return {};
  },
};
</script>

<style scoped lang="scss">
</style>

